<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(function() {
		$('#xtsz_yhgl_datagrid').datagrid({
			url : '${pageContext.request.contextPath}/userAction!datagrid.action',
			fit : true,
			fitColumns : true,
			border : false,
			rownumbers : true,
			pagination : true,
			sortName : 'username',
			idField : 'id',
			//singleSelect:true,
			//checkOnSelect:false,
			columns : [ [ {
				field : 'id',
				title : '编号',
				width : 200,
				checkbox:true
			}, {
				field : 'username',
				title : '用户名',
				width : 150,
				align : 'center',
				sortable : true,
			}, {
				field : 'pwd',
				title : '密码',
				width : 300,
				align : 'center',
				formatter : function(value, row, index) {
					/*return '<span title="'+value+'">' + value + '</span>';*/
					return '******';
				}
			}, {         
				field : 'creatdatetime',
				title : '创建时间',
				width : 150,
				align : 'center',
				sortable : true
			}, {
				field : 'modifydatetime',
				title : '修改时间',
				width : 150,
				align : 'center',
				sortable : true
			} ] ],
			/*toolbar : '#xtsz_yhgl_toolbar'*/
		
	toolbar : [ {
				text : '查看所有',
				iconCls : 'icon-reload',
				handler : function() {
					searchAllFun();
				}
			}, '-', {
				text : '编辑',
				iconCls : 'icon-edit',
				handler : function() {
					modify();
				}
			}, '-', {
				text : '添加',
				iconCls : 'icon-add',
				handler : function() {
					append();
				}

			}, '-', {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function() {
					remove();
				}
			} ]
		});
	});
	function searchFun() {
		$('#xtsz_yhgl_datagrid').datagrid('load', {
			username : $('#xtsz_yhgl_searchPnl input[name=name]').val()
		});
	}
	function searchAllFun() {
		$('#xtsz_yhgl_datagrid').datagrid('load', {});
	}
	function append(){
		$('#xtsz_yhgl_addForm input').val('');
		$('#xtsz_yhgl_addDialog').dialog('open');
	}
	function remove(){
		var rows=$('#xtsz_yhgl_datagrid').datagrid('getChecked');
		var ids=[];
		if(rows.length>0){
			$.messager.confirm('确认','是否确认删除选中的记录？',function(r){
			if(r){
				for(var i=0;i<rows.length;i++){
					ids.push(rows[i].id);
				}
				$.ajax({
					url:'${pageContext.request.contextPath}/userAction!remove.action',
					data:{ids:ids.join(',')},
					dataType:'json',
					success:function(r){
						$('#xtsz_yhgl_datagrid').datagrid('load');
						$('#xtsz_yhgl_datagrid').datagrid('unselectAll');
						$.messager.show({
							title:'提示',
							msg:r.msg
						});
					}
				});
			}
		});
		}else{
			$.messager.alert('提示','请选择你要操作的行!');
		}
	}
	function modify(){
		var rows =$('#xtsz_yhgl_datagrid').datagrid('getChecked');
		if(rows.length==1){
			var d=$('<div style="background:#f5f5f5;"/>').dialog({
				width:530, 
				height:250,
				href:'${pageContext.request.contextPath}/xtsz/yhglEditDialog.jsp',
				modal:true,
				title:'编辑用户',
				buttons:[{
					text:'确定',
					iconCls:'icon-ok',
					handler:function(){
						$('#xtsz_yhglEditDialog_editForm').form('submit',{
							url:'${pageContext.request.contextPath}/userAction!edit.action',
							success:function(r){
								var obj=jQuery.parseJSON(r);
								if(obj.success){
									$('#xtsz_yhgl_datagrid').datagrid('load');
									d.dialog('close');
								}
								$.messager.show({
									title:'提示',
									msg:obj.msg
								});
							}
						});
					}
				}],
				onClose:function(){
					$(this).dialog('destroy');
				},
				onLoad:function(){
					//$('#xtsz_yhglEditDialog_editForm input[name=id]').val(rows[0].id);
					
					/*若input控件的name属性与datagrid控件的列field属性相同，采用下面的方法*/
					$('#xtsz_yhglEditDialog_editForm').form('load',rows[0]);
				}
			});
		}else{
			$.messager.alert('提示','请选择你要操作一行!');
		}
	}
</script>
<div class="easyui-layout" data-options="fit:true,border:false">
	<div id="xtsz_yhgl_searchPnl" data-options="region:'north',border:false" style="fit:true;overflow:hidden;background-color:#F5F5F5;">
		<p style="padding:5px 5px 5px 15px;">
			按用户名查询 ：<input name="name" /> <a href="#" class="easyui-linkbutton" data-options="border:false,iconCls:'icon-search',plain:true" onclick="searchFun()">查询</a>
	</div>
	<div data-options="region:'center'" style="height:200px;">
		<table id="xtsz_yhgl_datagrid"></table>
	</div>
</div>
<div id="xtsz_yhgl_addDialog" class="easyui-dialog" style="width:530px;height:250px;padding:15px 15px 15px 15px;text-align:right;background:#f5f5f5;" data-options="closed:true,modal:true,title:'添加用户',buttons:[{
			text:'确定',
			iconCls:'icon-ok',
			handler:function(){
				$('#xtsz_yhgl_addForm').form('submit',{
				url:'${pageContext.request.contextPath}/userAction!add.action',
				success:function(data){
					var obj=jQuery.parseJSON(data);
					if(obj.success){
						$('#xtsz_yhgl_datagrid').datagrid('load');
						$('#xtsz_yhgl_addDialog').dialog('close');
					}
					$.messager.show({
						title:'提示',
						msg:obj.msg
					});
				}});
			}
		}]" >
	<form id="xtsz_yhgl_addForm" method="post">
	<table>
		<tr height=35px;>
			<td>编&nbsp;号</td>
			<td colspan="4"><input name="id" readonly="readonly"/></td>
		</tr>
		<tr height=35px;>
			<td>用户名</td>
			<td><input name="username" /></td>
			<td style="width:25px;"></td>
			<td>创建时间</td>
			<td><input name="creatdatetime" readonly="readonly"/></td>
		</tr>
		<tr height=35px;>
			<td>密&nbsp;码</td>
			<td><input name="pwd" type="password" /></td>
			<td></td>
			<td>修改时间</td>
			<td><input name="modifydatetime"/></td>
		</tr>
	</table>
	</form>
</div>


